<?php
session_start();
$usuario_logado = $_SESSION['current_user'];
?>

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Serviço</title>

        <!-- FONTES -->
        <link href='http://fonts.googleapis.com/css?family=Oswald:400,300' rel='stylesheet' type='text/css'/>
        <link href='http://fonts.googleapis.com/css?family=Abel|Satisfy' rel='stylesheet' type='text/css'/>

        <!-- Estilos -->
        <link href="../css/estilo2.css" rel="stylesheet" type="text/css"/>
        <link href="../css/formulario.css" rel="stylesheet" type="text/css"/>
        <link href="../css/jquery-ui.css" rel="stylesheet" type="text/css"/>

        <!-- SCRIPTS-->
        <script src="../script/jquery-1.8.2.min.js"></script>
        <script src="../script/jquery.cycle.all.js"></script>  
        <script src="../script/jquery.validate.min.js"></script> 
        <script src="../script/valida.js"></script> 
        <script src="../script/jquery-ui-1.9.1.custom.min.js"></script>
        <script src="../script/jquery.maskedinput-1.3.min.js"></script> 
        <script src="../script/jquery.alphanumeric.js"></script> 

        <script type="text/javascript">
            $('#header-img').cycle();
            //Calendario
            $(function(){
                $('#inNascimento').datepicker({
                    changeMonth:true,
                    changeYear:true,
                    dateFormat:"dd/mm/yy",
                    monthNamesShort:["Jan","Fev","Mar","Abr","Mai","Jun","Jul","Ago","Set","Out","Nov","Dez"],
                    defaultDate:new Date(1985,01,01)
                });
            });
            
            //Mask
            $(function(){
                $('#inNascimento').mask("99/99/9999");
                $('#inCep').mask("99999-999");
                $('#inTel').mask("(99)9999-9999");
                $('#inTelRes1').mask("(99)9999-9999");
                $('#inTelRes2').mask("(99)9999-9999");
            });
            
            //Alpha Numeric
            $(function(){
                $('#inNome').alpha({
                    allow:" "
                });
                
                $('#inCracha').alpha({
                    allow:" "
                });
                
                $('#inBairro').alpha({
                    allow:" "
                });
                
                $('#inCidade').alpha({
                    allow:" "
                });
                
                $('#inNomeRes1').alpha({
                    allow:" "
                });
                
                $('#inNomeRes2').alpha({
                    allow:" "
                });
                
                $('#inRg').numeric({
                    allow:"-"
                });
            })
            
            //Disable and Enable
            $(function(){
                $('#info_ale_ali').hide();
                $('#info_ale_med').hide();
                
                $('#info_ale_ali').click(function(){
                    $('#info_ale_ali').val('');
                });
                
                $('#info_ale_med').click(function(){
                    $('#info_ale_med').val('');
                });
                
                $("#alergia_ali_yes").click(function(){
                    $('#info_ale_ali').show();
                });
                
                $("#alergia_ali_no").click(function(){
                    $('#info_ale_ali').hide();
                });
                
                $("#alergia_med_yes").click(function(){
                    $('#info_ale_med').show();
                });
                
                $("#alergia_med_no").click(function(){
                    $('#info_ale_med').hide();
                });
            });
            
        </script>
        <style>
            .ui-datepicker{
                font-size: 12px;
                background-color: white;
            }
            
            .ui-datepicker-header{
                background-color: #ccc;
            }
        </style>
    </head>
    <body>
        <?php include("layout/topo.php"); ?>
        <div id="page">
            <p> Cadastro de Jovem - Serviço</p>
            <form action="confirmacao_servico.php" method="POST" id="form">
                <fieldset>
                    <legend>Dados pessoais.:</legend>
                    <label>Nome:</label>
                    <input type="text" id="inNome" name="inNome">
                    <br/><br/>
                    <label>Nome Cracha:</label>
                    <input type="text" id="inCracha" name="inCracha">
                    <br/><br/>
                    <label>Nascimento:</label>
                    <input type="text" id="inNascimento" name="inNascimento">
                    <br/><br/>
                    <label>RG:</label>
                    <input type="text" id="inRg" name="inRg">
                    <br/><br/>
                    <label>Sexo:</label>
                    <input type="radio" name="inSexo" value="masculino"/>
                    &nbsp;Masculino
                    <input type="radio" name="inSexo" value="feminino"/>
                    &nbsp;Feminino
                    <br/><br/>
                    <label>Serviço:</label>
                    <input type="text" id="inServico" name="inServico">
                </fieldset>
                <fieldset>
                    <legend>Localização.:</legend>                
                    <label>Endereço:</label>
                    <input type="text" id="inEnd" name="inEnd" >
                    <br/><br/>
                    <label>Cep:</label>
                    <input type="text" id="inCep" name="inCep">
                    <br/><br/>
                    <label>Bairro:</label>
                    <input type="text" id="inBairro" name="inBairro">
                    <br/><br/>
                    <label>Cidade:</label>
                    <input type="text" id="inCidade" name="inCidade">
                </fieldset>
                <fieldset>
                    <legend>Sobre o Acamp's.:</legend>
                    <label id="lb_ali_propria"> Você utilizará alimentação fornecida por nós?</label>
                    <input type="radio" name="alimentacao_propria" value="1"/>
                    &nbsp;Sim
                    <input type="radio" name="alimentacao_propria" value="0" />
                    &nbsp;Não
                    <br/><br/>
                    <label id="lb_barraca_propria"> Você utilizará barraca própria?</label>
                    <input type="radio" name="barraca_propria" value="1"/>
                    &nbsp;Sim
                    <input type="radio" name="barraca_propria" value="0" />
                    &nbsp;Não
                    <br/><br/>
                    <label id="lb_trans_proprio"> Você utilizará o transporte fornecido por nós?</label>
                    <input type="radio" name="transporte_proprio" value="1"/>
                    &nbsp;Sim
                    <input type="radio" name="transporte_proprio" value="0" />
                    &nbsp;Não
                    <br/><br/>
                    <label id="lb_alergia"> Você possui Alergia à alimentos?</label>
                    <input id="alergia_ali_yes" type="radio" name="alergia_alimentos" value="1"/>
                    &nbsp;Sim
                    <input id="alergia_ali_no" type="radio" name="alergia_alimentos" value="0" />
                    &nbsp;Não
                    <br/>
                    </br>
                    <textarea id="info_ale_ali" cols="50" rows="4" name="info_alergia_ali" >Quais?</textarea>
                    <br/><br/>
                    <label id="lb_alergia_med"> Você possui Alergia à medicamentos?</label>
                    <input id="alergia_med_yes" type="radio" name="alergia_medicamentos" value="1"/>
                    &nbsp;Sim
                    <input id="alergia_med_no" type="radio" name="alergia_medicamentos" value="0" />
                    &nbsp;Não
                    <br/>
                    </br>
                    <textarea id="info_ale_med" cols="50" rows="4" name="info_alergia_med">Quais?</textarea>
                </fieldset>
                <fieldset>
                    <legend>Contato:</legend>
                    <label>Email:</label>
                    <input type="text" id="inEmail" name="inEmail">
                    <br/><br/>
                    <label>Telefone:</label>
                    <input type="text" id="inTel" name="inTel">
                    <br/><br/>
                    <label style="background-color: #ccc; width: 100%;">Responsável 1</label>
                    <br/><br/>
                    <label>Nome:</label>
                    <input type="text" id="inNomeRes1" name="inNomeRes1">
                    <br/><br/>
                    <label>Telefone:</label>
                    <input type="text" id="inTelRes1" name="inTelRes1">
                    <br/><br/>
                    <label style="background-color: #ccc; width: 100%;">Responsável 2</label>
                    <br/><br/>
                    <label>Nome:</label>
                    <input type="text" id="inNomeRes2" name="inNomeRes2">
                    <br/><br/>
                    <label>Telefone:</label>
                    <input type="text" id="inTelRes2" name="inTelRes2">
                </fieldset>
                <input type="submit" value="Confirmar"/>
            </form>
        </div>
        <?php include("layout/rodape.php"); ?>
    </body>
</html>
